import responsiveFontSize from "@/plugins/responsive-font-size.ts";

export default {
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  theme: {
    extend: {
      screens: {
        xs: "480px"
      },
      colors: {
        brand: {
          DEFAULT: "#2563eb",
          dark: "#1e3a8a"
        }
      },
      fontFamily: {
        sans: ["Inter", "system-ui", "sans-serif"]
      }
    }
  },
  plugins: [
    require("@tailwindcss/typography"),
    require("@tailwindcss/forms"),
    require("@tailwindcss/aspect-ratio"),
    responsiveFontSize // 👈 全局响应字体插件
  ]
};
